<template>
    <div>
        <div class="recommend-title"> 热销推荐</div>
         <div class="recommend-item">
             <img class="item-img" src="https://imgs.qunarzz.com/sight/p0/1904/61/61337264e2eee99aa3.img.jpg_200x200_bf43f035.jpg">
             <div class="item-info">
                 <p class="item-title">得到的点点滴滴</p>
                 <p class="item-desc">休息休息</p>
                 <button class="item-button">查看详情</button>
             </div>

         </div>
    </div>
</template>

<script>
    export default {
        name:'HomeRecommend'
    }
</script>

<style lang="stylus" scoped>
.recommend-title
  background:#eee
  line-height :.8rem
  text-indent :.2rem
  margin-top :.2rem
.recommend-item
  overflow: hidden
  display: flex
  height: 1.9rem
  .item-img
    width: 1.7rem
    height: 1.7rem
    padding: .1rem
  .item-info
     flex: 1
     padding: .1rem
     min-width: 0
     .item-title
       line-height: .54rem
       font-size: .32rem
     .item-desc
       line-height: .4rem
       color: #ccc
     .item-button
        line-height: .44rem
        margin-top: .16rem
        background: #ff9300
        padding: 0 .2rem
        border-radius: .06rem
        color: #fff

      

</style>